<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>小米商城</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/bannerList.css">
    <!--<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>-->
    <link rel="stylesheet" type="text/css" href="css/mystyle.css">
    <link rel="stylesheet" href="./font-awesome/css/font-awesome.css">
    <script src="./js/jquery-3.1.1.js"></script>

    <style>

    </style>
</head>

<body>
    <!--顶部导航栏-->
    <nav>
        <div class="nav-center">
            <ul>
                <li>
                    <a href="">小米商城</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="">MIUI</a>
                    <span>|</span>
                </li>
                <li><a href="">米聊</a>
                    <span>|</span>
                </li>
                <li><a href="">游戏</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="">多看阅读</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="">云服务</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="">金融</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="">小米商城移动版</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="">问题反馈</a>
                    <span>|</span>
                </li>
                <li><a href="">Select Region</a></li>
                <li>
                    <a href="">登录</a>
                    <span>|</span>
                </li>
                <li>
                    <a href="">注册</a>
                    <span>|</span>
                </li>
                <li><a href="">消息通知</a></li>
            </ul>
            <div class="nav-shop" id="nav">
                <div class="nav-shop-p">
                    <a class="fa fa-shopping-cart"></a>
                    <a>购物车（0）</a>


                    <div class="nav-shop-h">
                        <p>购物车中还没有任何商品,赶紧选购吧!</p>
                    </div>
                </div>
            </div>
        </div>
    </nav>






    <!--主题顶部导航/////////////////////////////////-->
    <div id="sec-nav">
        <div class="sec-ysj">
            <div id="sec-navlogo"></div>


            <div class="nav-ys">
                <li><img src="images/P1-1.gif" alt=""></li>
            </div>
        </div>

        <!--123-->
        <div class="sec-navform">
            <input class="sec-searchl" type="text" name="" value="">
            <div class="pull-top">
                <a>红米4X</a>
                <a>小米电视3s 48英寸</a>
            </div>
            <div class="sec-searchr">
                <span class="fa fa-search"></span>
            </div>
            <div id="beihuo">
                <ul>
                    <li>
                        <p>小米5s Plus</p>
                        <p>约999+件</p>
                    </li>
                    <li>
                        <p>小米5s Plus</p>
                        <p>约999+件</p>
                    </li>
                    <li>
                        <p>小米5s Plus</p>
                        <p>约999+件</p>
                    </li>
                    <li>
                        <p>小米5s Plus</p>
                        <p>约999+件</p>
                    </li>
                    <li>
                        <p>小米5s Plus</p>
                        <p>约999+件</p>
                    </li>
                    <li>
                        <p>小米5s Plus</p>
                        <p>约999+件</p>
                    </li>
                    <li>
                        <p>小米5s Plus</p>
                        <p>约999+件</p>
                    </li>
                    <li>
                        <p>小米5s Plus</p>
                        <p>约999+件</p>
                    </li>
                    <li>
                        <p>小米5s Plus</p>
                        <p>约999+件</p>
                    </li>
                    <li>
                        <p>小米5s Plus</p>
                        <p>约999+件</p>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!--小米手机-->
    <div id="nan">
        <div class="sec-navul">
            <ul>
                <li>
                    小米手机
                </li>
                <li>红米</li>
                <li>平板·笔记本</li>
                <li>电视</li>
                <li>盒子·影音</li>
                <li>路由器</li>
                <li>智能硬件</li>
                <li>服务</li>
                <li>社区</li>
            </ul>
        </div>
        <div id="nav-phone">
            <ul>
                <!--小米手机-->
                <li>
                    <ul>
                        <li>
                            <div class="nav-new">
                                <span>新品</span>
                            </div>
                            <img src="images/in1.png" alt="">
                            <p>小米5c</p>
                            <span>1499元</span>
                        </li>
                        <li>
                            <img src="images/in2.jpg" alt="">
                            <p>小米Note 2</p>
                            <span>2799元</span>
                        </li>
                        <li>
                            <img src="images/in3.jpg" alt="">
                            <p>小米MIX</p>
                            <span>3499元</span>
                        </li>
                        <li>
                            <img src="images/in4.jpg" alt="">
                            <p>小米5s</p>
                            <span>1999元</span>
                        </li>
                        <li>
                            <img src="images/in5.jpg" alt="">
                            <p>小米5sPlus</p>
                            <span>2299元起</span>
                        </li>
                        <li>
                            <img src="images/in6.jpg" alt="">
                            <p>小米手机5</p>
                            <span>1799元</span>
                        </li>
                    </ul>
                </li>
                <!--红米-->
                <li>
                    <ul>
                        <li>
                            <div class="nav-new">
                                <span>新品</span>
                            </div>
                            <img src="images/ih1.jpg" alt="">
                            <p>红米Note 4X</p>
                            <span>999元起</span>
                        </li>
                        <li>
                            <img src="images/ih2.jpg" alt="">
                            <p>红米Note 4</p>
                            <span>999元起</span>
                        </li>
                        <li>
                            <div class="nav-new">
                                <span>新品</span>
                            </div>
                            <img src="images/ih3.jpg" alt="">
                            <p>红米4X</p>
                            <span>699元起</span>
                        </li>
                        <li>
                            <img src="images/ih4.jpg" alt="">
                            <p红米4>
                                </phongmi>
                                <span>799元起</span>
                        </li>
                    </ul>
                </li>
                <!--平板 笔记本-->
                <li>
                    <ul>
                        <li>
                            <img src="images/ip1.jpg" alt="">
                            <p>小米平板2 16GB</p>
                            <span>999元</span>
                        </li>
                        <li>
                            <img src="images/ip2.jpg" alt="">
                            <p>小米笔记本Air 12.5"</p>
                            <span>3499元</span>
                        </li>
                        <li>
                            <img src="images/ip3.jpg" alt="">
                            <p>小米笔记本Air 13.3"</p>
                            <span>4999元</span>
                        </li>
                        <li>
                            <div class="nav-new">
                                <span>新品</span>
                            </div>
                            <img src="images/ip3.jpg" alt="">
                            <p>小米笔记本Air 13.3"尊享版</p>
                            <span>5999元</span>
                        </li>
                    </ul>
                </li>
                <!--电视-->
                <li>
                    <ul>
                        <li>
                            <img src="images/id1.png" alt="">
                            <p>小米电视3s 48英寸</p>
                            <span>2599元</span>
                        </li>
                        <li>
                            <img src="images/id2.png" alt="">
                            <p>小米电视3s 55英寸</p>
                            <span>3999元</span>
                        </li>
                        <li>
                            <img src="images/id3.png" alt="">
                            <p>小米电视3s 60英寸</p>
                            <span>4799元</span>
                        </li>
                        <li>
                            <img src="images/id4.png" alt="">
                            <p>小米电视3s 65英寸</p>
                            <span>6699元</span>
                        </li>
                        <li>
                            <img src="images/id5.png" alt="">
                            <p>小米电视3 70英寸</p>
                            <span>9999元</span>
                        </li>
                        <li>
                            <img src="images/id6.png" alt="">
                            <p>查看全部</p>
                            <p>小米电视</p>
                        </li>
                    </ul>
                </li>
                <!--盒子 影音-->
                <li>
                    <ul>
                        <li>
                            <img src="images/iy1.png" alt="">
                            <p>小米盒子3s</p>
                            <span>299元</span>
                        </li>
                        <li>
                            <img src="images/iy1.png" alt="">
                            <p>小米盒子3c</p>
                            <span>199元</span>
                        </li>
                        <li>
                            <img src="images/iy3.jpg" alt="">
                            <p>小米盒子3 增强版</p>
                            <span>399元</span>
                        </li>
                        <li>
                            <img src="images/iy4.png" alt="">
                            <p>小米盒子mini版</p>
                            <span>179元</span>
                        </li>
                        <li>
                            <img src="images/iy5.png" alt="">
                            <p>小米家庭影院</p>
                            <span>1999元</span>
                        </li>
                        <li>
                            <img src="images/iy6.jpg" alt="">
                            <p>小米家庭音响 标准版</p>
                            <span>699元</span>
                        </li>
                    </ul>
                </li>
                <!--路由器-->
                <li>
                    <ul>
                        <li>
                            <div class="nav-new">
                                <span>新品</span>
                            </div>
                            <img src="images/ilu1.png" alt="">
                            <p>小米路由器 HD</p>
                            <span>1299元</span>
                        </li>
                        <li>
                            <div class="nav-new">
                                <span>新品</span>
                            </div>
                            <img src="images/ilu2.png" alt="">
                            <p>小米有撸起 Pro</p>
                            <span>499元</span>
                        </li>
                        <li>
                            <img src="images/ilu3.png" alt="">
                            <p>小米路由器 3</p>
                            <span>149元</span>
                        </li>
                        <li>
                            <img src="images/ilu4.png" alt="">
                            <p>小米路由器3c</p>
                            <span>149元</span>
                        </li>
                        <li>
                            <img src="images/ilu5.jpg" alt="">
                            <p>小米WiFi放大器2</p>
                            <span>49元</span>
                        </li>
                    </ul>
                </li>
                <!--智能硬件-->
                <li>
                    <ul>
                        <li>
                            <div class="nav-new">
                                <span>新品</span>
                            </div>
                            <img src="images/iz1.jpg" alt="">
                            <p>小米体脂秤</p>
                            <span>199元</span>
                        </li>
                        <li>
                            <div class="nav-new">
                                <span>新品</span>
                            </div>
                            <img src="images/iz2.jpg" alt="">
                            <p>米家行车记录仪</p>
                            <span>349元</span>
                        </li>
                        <li>
                            <div class="nav-new">
                                <span>新品</span>
                            </div>
                            <img src="images/iz3.png" alt="">
                            <p>小米无人机4K版</p>
                            <span>2999元</span>
                        </li>
                        <li>
                            <img src="images/iz4.jpg" alt="">
                            <p>小米米家对讲机</p>
                            <span>249元</span>
                        </li>
                        <li>
                            <img src="images/iz5.jpg" alt="">
                            <p>米家IH电饭煲</p>
                            <span>399元</span>
                        </li>
                        <li>
                            <img src="images/iz6.jpg" alt="">
                            <p>查看全部</p>
                            <span>智能硬件</span>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>

    <!--<div id="nav-phone">
    <ul>
        <li>
            <div class="nav-new">
                <span>新品</span>
            </div>
            <img src="images/in1.png" alt="">
            <p>小米5c</p>
            <span>1499元</span>
        </li>
        <li>
            <img src="images/in2.jpg" alt="">
            <p>小米Note 2</p>
            <span>2799元</span>
        </li>
        <li>
            <img src="images/in3.jpg" alt="">
            <p>小米MIX</p>
            <span>3499元</span>
        </li>
        <li>
            <img src="images/in4.jpg" alt="">
            <p>小米5s</p>
            <span>1999元</span>
        </li>
        <li>
            <img src="images/in5.jpg" alt="">
            <p>小米5sPlus</p>
            <span>2299元起</span>
        </li>
        <li>
            <img src="images/in6.jpg" alt="">
            <p>小米手机5</p>
            <span>1799元</span>
        </li>
    </ul>
</div>-->
    <!--主体-->
    <section>
        <!--顶部导航-->

        <!--轮播图部分-->
        <div class="sec-lunbotu">
            <!--轮播图-->
            <div class="banner">
                <ul class="">
                    <li>
                        <a href=""><img src="./images/l1.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="./images/l2.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="./images/l3.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="./images/l4.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="./images/l5.jpg" alt=""></a>
                    </li>
                    <li>
                        <a href=""><img src="./images/l6.jpg" alt=""></a>
                    </li>
                </ul>
                <!--<div class="left-btn"></div>
                <div class="right-btn"></div>
                <div class="img-btn-list"></div>-->
            </div>
            <!--左边菜单/////////////////////////////////////////////-->
            <div class="t-left" id="nav-left">
                <ul>
                    <!--手机 电话卡///-->
                    <li>
                        <p>手机 电话卡</p>
                        <div class="nav-left">
                            <ul>
                                <li>
                                    <img src="images/nav/navs1.jpg" alt="">
                                    <span>小米手机</span>
                                    <p>选购</p>
                                </li>
                                <li>
                                    <img src="images/nav/navs2.jpg" alt="">
                                    <span>小米手机</span>
                                    <p>选购</p>
                                </li>
                                <li>
                                    <img src="images/nav/navs3.jpg" alt="">
                                    <span>小米手机</span>
                                    <p>选购</p>
                                </li>
                                <li>
                                    <img src="images/nav/navs4.jpg" alt="">
                                    <span>小米手机</span>
                                    <p>选购</p>
                                </li>
                                <li>
                                    <img src="images/nav/navs5.jpg" alt="">
                                    <span>小米手机</span>
                                    <p>选购</p>
                                </li>
                                <li>
                                    <img src="images/nav/navs6.jpg" alt="">
                                    <span>小米手机</span>
                                    <p>选购</p>
                                </li>
                                <li>
                                    <img src="images/nav/navs7.jpg" alt="">
                                    <span>小米手机</span>
                                    <p>选购</p>
                                </li>
                                <li>
                                    <img src="images/nav/navs8.jpg" alt="">
                                    <span>小米手机</span>
                                    <p>选购</p>
                                </li>
                                <li>
                                    <img src="images/nav/navs9.png" alt="">
                                    <span>小米手机</span>
                                    <p>选购</p>
                                </li>
                                <li>
                                    <img src="images/nav/navs10.jpg" alt="">
                                    <span>小米手机</span>
                                    <p>选购</p>
                                </li>
                                <li>
                                    <img src="images/nav/navs11.jpg" alt="">
                                    <span>小米手机</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navs12.jpg" alt="">
                                    <span>小米手机</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navs13.jpg" alt="">
                                    <span>小米手机</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <div class="clear"></div>
                            </ul>
                        </div>

                    </li>
                    <!--笔记本 平板-->
                    <li>
                        <p>笔记本 平板</p>
                        <div class="nav-left">
                            <ul>
                                <li>
                                    <img src="images/nav/navpb1.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <p>选购</p>
                                </li>
                                <li>
                                    <img src="images/nav/navpb2.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navpb3.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navpb4.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li></li>
                                <li></li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <p>电视 盒子</p>
                        <div class="nav-left">
                            <ul>
                                <li>
                                    <img src="images/nav/dh1.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/dh2.png" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/dh3.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/dh4.png" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/dh5.png" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/dh6.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/dh7.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/dh7.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/dh9.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/dh10.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/dh11.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/dh12.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/dh13.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/dh14.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/dh8.png" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <p>路由器 智能设备</p>
                        <div class="nav-left">
                            <ul>
                                <li>
                                    <img src="images/nav/navlz1.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz2.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz3.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz4.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz5.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz6.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz7.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz8.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz9.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz10.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz11.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz12.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz13.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz14.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz15.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz16.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz17.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz18.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz19.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz20.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz21.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz22.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz23.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navlz24.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <p>移动电源 电池 插线板</p>
                        <div class="nav-left">
                            <ul>
                                <li>
                                    <img src="images/nav/navydc1.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navydc2.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navydc3.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navydc4.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navydc5.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navydc6.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navydc7.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <p>耳机 音箱</p>
                        <div class="nav-left">
                            <ul>
                                <li>
                                    <img src="images/nav/navey1.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey2.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey3.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey4.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey5.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey6.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey7.png" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey8.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey9.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey10.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey11.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey12.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey13.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey14.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey15.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey16.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navey17.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li></li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <p>保护套 贴膜</p>
                        <div class="nav-left">
                            <ul>
                                <li>
                                    <img src="images/nav/navbt1.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navbt2.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <p>线材 支架 存储卡</p>
                        <div class="nav-left">
                            <ul>
                                <li>
                                    <img src="images/nav/navxzc1.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navxzc2.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navxzc3.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navxzc4.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li></li>
                                <li></li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <p>箱包 服饰</p>
                        <div class="nav-left">
                            <ul>
                                <li>
                                    <img src="images/nav/navxf1.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navxf2.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navxf3.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                    </li>
                    <li>
                        <p>米兔 生活周边</p>
                        <div class="nav-left">
                            <ul>
                                <li>
                                    <img src="images/nav/navms1.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navms2.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navms3.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navms4.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li>
                                    <img src="images/nav/navms5.jpg" alt="">
                                    <span>小米笔记本</span>
                                    <!--<p>选购</p>-->
                                </li>
                                <li></li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!--轮播图下的四张图片-->
        <div class="sec-lunbotux">
            <div class="sec-six" id="sec-six">
                <p><i class="fa fa-weixin"></i><span>选购手机</span></p>
                <p><i class="fa fa-windows"></i><span>企业团购</span></p>
                <p><i class="fa fa-tripadvisor"></i><span>一元活动</span></p>
                <p><i class="fa fa-wikipedia-w"></i><span>小米移动</span></p>
                <p><i class="fa fa-snapchat-square"></i><span>以旧换新</span></p>
                <p><i class="fa fa-google"></i><span>话费充值</span></p>
                <div class="clear"></div>
            </div>
            <div class="sec-t3"><img src="./images/l3.jpg" alt=""></div>
            <div class="sec-t3"><img src="./images/sec2.jpg" alt=""></div>
            <div class="sec-t3"><img src="./images/sec3.jpg" alt=""></div>
        </div>
        <!--小米明星单品//////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
        <div class="danpin">
            <div class="danpin-top">
                <h2>小米明星单品</h2>
                <div class="danpin-top-btn" id="danpin-top-btn">
                    <div id="str-left"><span class="fa fa-angle-left"></span></div>
                    <div id="str-right"><span class="fa fa-angle-right"></span></div>
                </div>
            </div>

            <ul>
                <li>
                    <img src="images/m1.png" alt="">
                    <h3>小米5s Plus</h3>
                    <p>5.7英寸大屏双摄手机,拍照黑科技</p>
                    <p>2299元起</p>
                </li>
                <li>
                    <img src="images/m2.png" alt="">
                    <h3>小米电视3s 55英寸</h3>
                    <p>人工智能电视,4K大屏新旗舰</p>
                    <p>3999元</p>
                </li>
                <li>
                    <img src="images/m3.png" alt="">
                    <h3>小米移动电源2</h3>
                    <p>双向快充,高密度锂聚合物电芯</p>
                    <p>79元</p>
                </li>
                <li>
                    <img src="images/m4.png" alt="">
                    <h3>小米手环2</h3>
                    <p>OLED显示屏,升级步算法</p>
                    <p>149元</p>
                </li>
                <li>
                    <img src="images/m5.jpg" alt="">
                    <h3>小米净水器</h3>
                    <p>只出纯净水,隐藏式安装</p>
                    <p>1999元</p>
                </li>
                <li>
                    <img src="images/m6.jpg" alt="">
                    <h3>米家LED智能台灯</h3>
                    <p>无可视频闪,亮度色温无级调节</p>
                    <p>169元</p>
                </li>
                <li>
                    <img src="images/m7.png" alt="">
                    <h3>米家iHealth血压计</h3>
                    <p>爸妈上手就会用的智能血压计</p>
                    <p>399</p>
                </li>
                <li>
                    <img src="images/m8.png" alt="">
                    <h3>小米路由器3</h3>
                    <p>更快更强,不止四天线</p>
                    <p>149元</p>
                </li>
                <li>
                    <img src="images/m9.png" alt="">
                    <h3>小米活塞耳机 清新版</h3>
                    <p>铝合金音腔,第三代平衡足尼系统</p>
                    <p>29元</p>
                </li>
                <li>
                    <img src="images/m10.jpg" alt="">
                    <h3>小米体重秤</h3>
                    <p>100克,喝杯水都可感知的精准</p>
                    <p>99元</p>
                </li>
            </ul>
        </div>
        <!--智能硬件/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
        <div class="zhineng-top">
            <h2>智能硬件</h2>
            <p>查看全部 <span class="fa fa-chevron-circle-right"></span></p>
        </div>
        <div class="zhineng">
            <!--左侧图-->
            <div class="zhineng-left">
                <img src="./images/z01.jpg" alt="">
            </div>
            <div class="zhineng-right" id="zhineng-right">
                <ul>
                    <li>

                        <img src="images/z1.jpg" alt="">
                        <h3>米家行车记录仪</h3>
                        <p>晚上能拍清车牌的行车记录仪</p>
                        <p>349元</p>
                        <div class="xinpin"><span>新品</span></div>
                    </li>
                    <li>

                        <img src="images/z2.jpg" alt="">
                        <h3>小米空气净化器2</h3>
                        <p>高效除霾，10分钟换新房间空气</p>
                        <p>699元</p>
                        <div class="xinpin"><span>新品</span></div>
                    </li>
                    <li>

                        <img src="images/z3.jpg" alt="">
                        <h3>米兔智能故事机</h3>
                        <p>微信远程互动，智能语音交互</p>
                        <p>199元</p>
                        <div class="xinpin"><span>新品</span></div>
                    </li>
                    <li>
                        <img src="images/z4.jpg" alt="">
                        <h3>米兔儿童手表Q</h3>
                        <p>11重安全设计，五重精准定位</p>
                        <p>299元</p>
                    </li>
                    <li>
                        <img src="images/z5.jpg" alt="">
                        <h3>米家小白智能摄像机</h3>
                        <p>360° 全景拍摄，1080P 高清摄像</p>
                        <p>399元</p>
                    </li>
                    <li>
                        <img src="images/z6.jpg" alt="">
                        <h3>米家车载空气净化器</h3>
                        <p>双风机循环气流，高效净化车内空气</p>
                        <p>449元</p>
                    </li>
                    <li>

                        <img src="images/z7.jpg" alt="">
                        <h3>米家骑记电助力折叠自行车</h3>
                        <p>力矩传感电助力，让城市出行轻松有趣</p>
                        <p>2999</p>
                        <div class="xinpin"><span>新品</span></div>
                    </li>
                    <li>

                        <img src="images/z8.jpg" alt="">
                        <h3>小米米家电动滑板车</h3>
                        <p>极简几何设计，1 分钟轻松上手</p>
                        <p>1999元</p>
                        <div class="xinpin"><span>新品</span></div>
                    </li>
                </ul>
            </div>
        </div>
        <!--搭配////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////-->
        <div class="dapei-top" id="dapei-top">
            <h2>搭配</h2>
            <ul>
                <li><a href="">热门</a></li>
                <li><a href="">耳机音箱</a></li>
                <li><a href="">电源</a></li>
                <li><a href="">电池储存卡</a></li>
            </ul>
        </div>
        <div class="shop">

            <div class="shop-left">
                <div class="">
                    <img src="./images/d01.jpg" alt="">
                </div>
                <div class="">
                    <img src="./images/d02.jpg" alt="">
                </div>
            </div>
            <!--///搭配图片区///////////////////////////////////////////////////////////////-->
            <div id="dapei-right" class="shop-img">
                <ul>
                    <li class="active">
                        <!--热门-->
                        <ul>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <div class="dapei-bottom">
                                <div class="dapei-last">
                                    <img src="./images/d01.jpg" alt="">
                                    <h3>小米5s Plus...</h3>
                                    <p>99元</p>

                                    <div class="clear"></div>
                                </div>
                                <div class="dapei-gengduo">
                                    <h2>浏览更多</h2>
                                    <span>热门</span>
                                    <i class="fa fa-arrow-circle-o-right"></i>
                                </div>
                            </div>
                        </ul>
                    </li>
                    <!--耳机音箱-->
                    <li>
                        <ul>
                            <li>
                                <img src="images/d1.jpg" alt="">
                                <h3>小米头戴式耳机 轻松版</h3>
                                <p>199元</p>
                                <p>629人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d2.jpg" alt="">
                                <h3>小米胶囊耳机</h3>
                                <p>69元</p>
                                <p>2.9万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d7.jpg" alt="">
                                <h3>小米铁圈耳机Pro</h3>
                                <p>149元</p>
                                <p>1万人评价</p>
                            </li>
                            <li>
                                <img src="images/d3.jpg" alt="">
                                <h3>小米随身蓝牙音箱</h3>
                                <p>69元</p>
                                <p>1.4万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d4.jpg" alt="">
                                <h3>小米钢炮蓝牙音箱2</h3>
                                <p>129元</p>
                                <p>2.1万人评价</p>
                            </li>
                            <li>
                                <img src="images/d5.jpg" alt="">
                                <h3>小米方盒子蓝牙音箱</h3>
                                <p>99元</p>
                                <p>1.7万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d6.jpg" alt="">
                                <h3>ROIDMI音乐蓝牙车充</h3>
                                <p>99元</p>
                                <p>498人评价</p>
                            </li>
                            <div class="dapei-bottom">
                                <div class="dapei-last">
                                    <img src="./images/d01.jpg" alt="">
                                    <h3>小米5s Plus...</h3>
                                    <p>99元</p>

                                    <div class="clear"></div>
                                </div>
                                <div class="dapei-gengduo">
                                    <h2>浏览更多</h2>
                                    <span>热门</span>
                                    <i class="fa fa-arrow-circle-o-right"></i>
                                </div>
                            </div>
                        </ul>
                    </li>
                    <!--电源-->
                    <li>
                        <ul>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>电源</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <div class="dapei-bottom">
                                <div class="dapei-last">
                                    <img src="./images/d01.jpg" alt="">
                                    <h3>小米5s Plus...</h3>
                                    <p>99元</p>
                                    

                                    <div class="clear"></div>
                                </div>
                                <div class="dapei-gengduo">
                                    <h2>浏览更多</h2>
                                    <span>热门</span>
                                    <i class="fa fa-arrow-circle-o-right"></i>
                                </div>
                            </div>
                        </ul>
                    </li>
                    <!--电池储存卡-->
                    <li>
                        <ul>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>电池储存卡</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <div class="dapei-bottom">
                                <div class="dapei-last">
                                    <img src="./images/d01.jpg" alt="">
                                    <h3>小米5s Plus...</h3>
                                    <p>99元</p>

                                    <div class="clear"></div>
                                </div>
                                <div class="dapei-gengduo">
                                    <h2>浏览更多</h2>
                                    <span>热门</span>
                                    <i class="fa fa-arrow-circle-o-right"></i>
                                </div>
                            </div>
                        </ul>
                    </li>
                </ul>

                <!--备用-->
                <!---->

            </div>
        </div>
        <!--配件******************************************************************************************-->
        <div class="dapei-top" id="peijian-top">
            <h2>配件</h2>
            <ul>
                <li><a href="">热门</a></li>
                <li><a href="">保护套</a></li>
                <li><a href="">贴膜</a></li>
                <li><a href="">其他配件</a></li>
            </ul>
        </div>
        <div class="shop">

            <div class="shop-left">
                <div class="">
                    <img src="./images/pjl1.jpg" alt="">
                </div>
                <div class="">
                    <img src="./images/pjl2.jpg" alt="">
                </div>
            </div>
            <!--///搭配图片区///////////////////////////////////////////////////////////////-->
            <div id="peijian-right" class="shop-img">
                <ul>
                    <li class="active">
                        <!--热门-->
                        <ul>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <div class="dapei-bottom">
                                <div class="dapei-last">
                                    <img src="./images/d01.jpg" alt="">
                                    <h3>小米5s Plus...</h3>
                                    <p>99元</p>

                                    <div class="clear"></div>
                                </div>
                                <div class="dapei-gengduo">
                                    <h2>浏览更多</h2>
                                    <span>热门</span>
                                    <i class="fa fa-arrow-circle-o-right"></i>
                                </div>
                            </div>
                        </ul>
                    </li>
                    <!--耳机音箱-->
                    <li>
                        <ul>
                            <li>
                                <img src="images/d1.jpg" alt="">
                                <h3>小米头戴式耳机 轻松版</h3>
                                <p>199元</p>
                                <p>629人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d2.jpg" alt="">
                                <h3>小米胶囊耳机</h3>
                                <p>69元</p>
                                <p>2.9万人评价</p>
                            </li>
                            <li>
                                <img src="images/d7.jpg" alt="">
                                <h3>小米铁圈耳机Pro</h3>
                                <p>149元</p>
                                <p>1万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d3.jpg" alt="">
                                <h3>小米随身蓝牙音箱</h3>
                                <p>69元</p>
                                <p>1.4万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d4.jpg" alt="">
                                <h3>小米钢炮蓝牙音箱2</h3>
                                <p>129元</p>
                                <p>2.1万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d5.jpg" alt="">
                                <h3>小米方盒子蓝牙音箱</h3>
                                <p>99元</p>
                                <p>1.7万人评价</p>
                            </li>
                            <li>
                                <img src="images/d6.jpg" alt="">
                                <h3>ROIDMI音乐蓝牙车充</h3>
                                <p>99元</p>
                                <p>498人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <div class="dapei-bottom">
                                <div class="dapei-last">
                                    <img src="./images/d01.jpg" alt="">
                                    <h3>小米5s Plus...</h3>
                                    <p>99元</p>
                                    

                                    <div class="clear"></div>
                                </div>
                                <div class="dapei-gengduo">
                                    <h2>浏览更多</h2>
                                    <span>热门</span>
                                    <i class="fa fa-arrow-circle-o-right"></i>
                                </div>
                            </div>
                        </ul>
                    </li>
                    <!--电源-->
                    <li>
                        <ul>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>电源</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <div class="dapei-bottom">
                                <div class="dapei-last">
                                    <img src="./images/d01.jpg" alt="">
                                    <h3>小米5s Plus...</h3>
                                    <p>99元</p>

                                    <div class="clear"></div>
                                </div>
                                <div class="dapei-gengduo">
                                    <h2>浏览更多</h2>
                                    <span>热门</span>
                                    <i class="fa fa-arrow-circle-o-right"></i>
                                </div>
                            </div>
                        </ul>
                    </li>
                    <!--电池储存卡-->
                    <li>
                        <ul>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>电池储存卡</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <div class="dapei-bottom">
                                <div class="dapei-last">
                                    <img src="./images/d01.jpg" alt="">
                                    <h3>小米5s Plus...</h3>
                                    <p>99元</p>

                                    <div class="clear"></div>
                                </div>
                                <div class="dapei-gengduo">
                                    <h2>浏览更多</h2>
                                    <span>热门</span>
                                    <i class="fa fa-arrow-circle-o-right"></i>
                                </div>
                            </div>
                        </ul>
                    </li>
                </ul>

                <!--备用-->
                <!---->

            </div>
        </div>

        <!--周边**************************************************************************************************************-->
        <div class="dapei-top" id="zhoubian-top">
            <h2>周边</h2>
            <ul>
                <li><a href="">热门</a></li>
                <li><a href="">服装</a></li>
                <li><a href="">米兔</a></li>
                <li><a href="">生活周边</a></li>
                <li><a href="">箱包</a></li>
            </ul>
        </div>
        <div class="shop">

            <div class="shop-left">
                <div class="">
                    <img src="./images/zbl1.jpg" alt="">
                </div>
                <div class="">
                    <img src="./images/zbl2.jpg" alt="">
                </div>
            </div>
            <!--///搭配图片区///////////////////////////////////////////////////////////////-->
            <div id="zhoubian-right" class="shop-img">
                <ul>
                    <li class="active">
                        <!--热门-->
                        <ul>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <div class="dapei-bottom">
                                <div class="dapei-last">
                                    <img src="./images/d01.jpg" alt="">
                                    <h3>小米5s Plus...</h3>
                                    <p>99元</p>

                                    <div class="clear"></div>
                                </div>
                                <div class="dapei-gengduo">
                                    <h2>浏览更多</h2>
                                    <span>热门</span>
                                    <i class="fa fa-arrow-circle-o-right"></i>
                                </div>
                            </div>
                        </ul>
                    </li>
                    <!--耳机音箱-->
                    <li>
                        <ul>
                            <li>
                                <img src="images/d1.jpg" alt="">
                                <h3>小米头戴式耳机 轻松版</h3>
                                <p>199元</p>
                                <p>629人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d2.jpg" alt="">
                                <h3>小米胶囊耳机</h3>
                                <p>69元</p>
                                <p>2.9万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d7.jpg" alt="">
                                <h3>小米铁圈耳机Pro</h3>
                                <p>149元</p>
                                <p>1万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d3.jpg" alt="">
                                <h3>小米随身蓝牙音箱</h3>
                                <p>69元</p>
                                <p>1.4万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d4.jpg" alt="">
                                <h3>小米钢炮蓝牙音箱2</h3>
                                <p>129元</p>
                                <p>2.1万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d5.jpg" alt="">
                                <h3>小米方盒子蓝牙音箱</h3>
                                <p>99元</p>
                                <p>1.7万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d6.jpg" alt="">
                                <h3>ROIDMI音乐蓝牙车充</h3>
                                <p>99元</p>
                                <p>498人评价</p>
                            </li>
                            <div class="dapei-bottom">
                                <div class="dapei-last">
                                    <img src="./images/d01.jpg" alt="">
                                    <h3>小米5s Plus...</h3>
                                    <p>99元</p>

                                    <div class="clear"></div>
                                </div>
                                <div class="dapei-gengduo">
                                    <h2>浏览更多</h2>
                                    <span>热门</span>
                                    <i class="fa fa-arrow-circle-o-right"></i>
                                </div>
                            </div>
                        </ul>
                    </li>
                    <!--电源-->
                    <li>
                        <ul>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>电源</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <div class="dapei-bottom">
                                <div class="dapei-last">
                                    <img src="./images/d01.jpg" alt="">
                                    <h3>小米5s Plus...</h3>
                                    <p>99元</p>

                                    <div class="clear"></div>
                                </div>
                                <div class="dapei-gengduo">
                                    <h2>浏览更多</h2>
                                    <span>热门</span>
                                    <i class="fa fa-arrow-circle-o-right"></i>
                                </div>
                            </div>
                        </ul>
                    </li>
                    <!--生活周边-->
                    <li>
                        <ul>
                            <li>
                                <img src="images/d1.jpg" alt="">
                                <h3>小米头戴式耳机 轻松版</h3>
                                <p>199元</p>
                                <p>629人评价</p>
                            </li>
                            <li>
                                <img src="images/d2.jpg" alt="">
                                <h3>小米胶囊耳机</h3>
                                <p>69元</p>
                                <p>2.9万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d7.jpg" alt="">
                                <h3>小米铁圈耳机Pro</h3>
                                <p>149元</p>
                                <p>1万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d3.jpg" alt="">
                                <h3>小米随身蓝牙音箱</h3>
                                <p>69元</p>
                                <p>1.4万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d4.jpg" alt="">
                                <h3>小米钢炮蓝牙音箱2</h3>
                                <p>129元</p>
                                <p>2.1万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d5.jpg" alt="">
                                <h3>小米方盒子蓝牙音箱</h3>
                                <p>99元</p>
                                <p>1.7万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/d6.jpg" alt="">
                                <h3>ROIDMI音乐蓝牙车充</h3>
                                <p>99元</p>
                                <p>498人评价</p>
                            </li>
                            <div class="dapei-bottom">
                                <div class="dapei-last">
                                    <img src="./images/d01.jpg" alt="">
                                    <h3>小米5s Plus...</h3>
                                    <p>99元</p>

                                    <div class="clear"></div>
                                </div>
                                <div class="dapei-gengduo">
                                    <h2>浏览更多</h2>
                                    <span>热门</span>
                                    <i class="fa fa-arrow-circle-o-right"></i>
                                </div>
                            </div>
                        </ul>
                    </li>
                    <!--电池储存卡-->
                    <li>
                        <ul>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>电池储存卡</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <li>
                                <img src="images/m1.png" alt="">
                                <h3>小米手机</h3>
                                <p>1元</p>
                                <p>999+万人评价</p>
                                <div class="orange">
                                    <p>非常好.非常好.非常好.非常好.非常好.非常好.</p>
                                    <p>来自于*******的评价</p>
                                </div>
                            </li>
                            <div class="dapei-bottom">
                                <div class="dapei-last">
                                    <img src="./images/d01.jpg" alt="">
                                    <h3>小米5s Plus...</h3>
                                    <p>99元</p>

                                    <div class="clear"></div>
                                </div>
                                <div class="dapei-gengduo">
                                    <h2>浏览更多</h2>
                                    <span>热门</span>
                                    <i class="fa fa-arrow-circle-o-right"></i>
                                </div>
                            </div>
                        </ul>
                    </li>
                </ul>


                <!--备用-->
                <!---->

            </div>
        </div>

        <!--为你推荐***************************************-->
        <div id="tuijian">
            <div class="danpin-top">
                <h2>为你推荐</h2>
                <div class="danpin-top-btn" id="">
                    <div class="icon-user-md" id="tuijian-left"><span class="fa fa-angle-left"></span></div>
                    <div class="right" id="tuijian-right"><span class="fa fa-angle-right"></span></div>
                </div>
            </div>
            <!--ul>li*15>img[images/m1.png]+h3{小米笔记本Air 13.3英寸}+p{1元}+P{99人好评}-->
            <div class="tuijian-img">
                <ul>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>123元</p>
                        <P>99人好评</P>
                    </li>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>1元</p>
                        <P>99人好评</P>
                    </li>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>1元</p>
                        <P>99人好评</P>
                    </li>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>1元</p>
                        <P>99人好评</P>
                    </li>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>1元</p>
                        <P>99人好评</P>
                    </li>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>2元</p>
                        <P>99人好评</P>
                    </li>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>1元</p>
                        <P>99人好评</P>
                    </li>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>1元</p>
                        <P>99人好评</P>
                    </li>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>1元</p>
                        <P>99人好评</P>
                    </li>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>1元</p>
                        <P>99人好评</P>
                    </li>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>3元</p>
                        <P>99人好评</P>
                    </li>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>3元</p>
                        <P>99人好评</P>
                    </li>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>1元</p>
                        <P>99人好评</P>
                    </li>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>1元</p>
                        <P>99人好评</P>
                    </li>
                    <li>
                        <img src="images/m1.png" alt="">
                        <h3>小米笔记本Air 13.3英寸</h3>
                        <p>1元</p>
                        <P>99人好评</P>
                    </li>
                </ul>
            </div>
        </div>
        <!--热评产品*****************************************************-->
        <div id="reping">
            <h2>热评产品</h2>
            <!--ul>li*4>img[scr=images/123.jpg]+p{来自于***的评价}+h3{小米插线板}>span{|}>p{1元}-->
            <ul>
                <li>
                    <img src="images/i1.jpg">
                    <p>价...五星评价五星评价...五星评价五星评价...五星评价五星评价...五星评价五星评价...五星评价</p>
                    <p>来自于***的评价</p>
                    <h3>小米插线板
                        <span>|</span>
                        <p>1元</p>
                    </h3>
                </li>
                <li>
                    <img src="images/i2.jpg">
                    <p>五星评价...五星评价</p>
                    <p>来自于***的评价</p>
                    <h3>小米插线板<span>|</span>
                        <p>1元</p>
                    </h3>
                </li>
                <li>
                    <img src="images/i3.jpg" alt="">
                    <p>五星评价...五星评价</p>
                    <p>来自于***的评价</p>
                    <h3>小米插线板<span>| </span>
                        <p>1元</p>
                    </h3>
                </li>
                <li>

                    <img src="images/i4.jpg">
                    <p>五星评价...五星评价</p>
                    <p>来自于***的评价</p>

                    <h3>小米插线板<span>|</span>
                        <p>1元</p>
                    </h3>
                </li>
            </ul>
        </div>
        <!--内容-->
        <div id="neirong">
            <h2>内容</h2>
            <!--ul>li*4>h3{图书}+ul>li*4>h4{好吗好的}+p{畅销左脚大冰2016新书!}+span{999+元}+img[src=images/mt$.jpg]-->
            <ul>
                <li>
                    <h3>图书</h3>
                    <ul>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt1.jpg" alt="">
                        </li>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt2.jpg" alt="">
                        </li>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt3.jpg" alt="">
                        </li>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt4.jpg" alt="">
                        </li>
                    </ul>
                    <!--div.yuan>ul>li*4-->
                    <div class="yuan" id="yuan">
                        <ul>
                            <li class="liactive"></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="neirong-left"><span class="fa fa-chevron-right"></span></div>
                    <div class="neirong-right"><span class="fa fa-chevron-left"></span></div>
                </li>
                <li>
                    <h3>MIUI主题</h3>
                    <ul>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt1.jpg" alt="">
                        </li>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt2.jpg" alt="">
                        </li>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt3.jpg" alt="">
                        </li>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt4.jpg" alt="">
                        </li>
                    </ul>
                    <div class="yuan">
                        <ul>
                            <li class="liactive"></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="neirong-left"><span class="fa fa-chevron-right"></span></div>
                    <div class="neirong-right"><span class="fa fa-chevron-left"></span></div>
                </li>
                <li>
                    <h3>游戏</h3>
                    <ul>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt1.jpg" alt="">
                        </li>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt2.jpg" alt="">
                        </li>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt3.jpg" alt="">
                        </li>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt4.jpg" alt="">
                        </li>
                    </ul>
                    <div class="yuan">
                        <ul>
                            <li class="liactive"></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="neirong-left"><span class="fa fa-chevron-right"></span></div>
                    <div class="neirong-right"><span class="fa fa-chevron-left"></span></div>
                </li>
                <li>
                    <h3>应用</h3>
                    <ul>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt1.jpg" alt="">
                        </li>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt2.jpg" alt="">
                        </li>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt3.jpg" alt="">
                        </li>
                        <li>
                            <h4>好吗好的</h4>
                            <p>畅销左脚大冰2016新书!</p>
                            <span>999+元</span>
                            <img src="images/mt4.jpg" alt="">
                        </li>
                    </ul>
                    <div class="yuan">
                        <ul>
                            <li class="liactive"></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="neirong-left"><span class="fa fa-chevron-right"></span></div>
                    <div class="neirong-right"><span class="fa fa-chevron-left"></span></div>
                </li>
            </ul>
        </div>
        <!--视频-->
        <div id="shipin">
            <div class="shipin-top">
                <h2>视频</h2>
                <p>查看全部<span></span></p>
            </div>
            <!--ul>li*4>img[src=images/rw$.jpg]+h3{小米之家发生了一件怪事}+p{看看我们关于超长续航的疯狂想法}-->
            <ul>
                <li>
                    <img src="images/rw1.jpg" alt="">
                    <h3>红米Note 4X环岛挑战</h3>
                    <p>看看我们关于超长续航的疯狂想法</p>
                    <div class="tv"><span class="fa fa-caret-right"></span></div>
                </li>
                <li>
                    <img src="images/rw2.jpg" alt="">
                    <h3>小米之家发生了一件怪事</h3>
                    <p>World Order星机械人受邀访问地球</p>
                    <div class="tv"><span class="fa fa-caret-right"></span></div>
                </li>
                <li>
                    <img src="images/rw3.jpg" alt="">
                    <h3>小米MIX 概念手机背后的故事</h3>
                    <p>雷总亲自讲述小米MIX 的诞生</p>
                    <div class="tv"><span class="fa fa-caret-right"></span></div>
                </li>
                <li>
                    <img src="images/rw4.jpg" alt="">
                    <h3>一面科技，一面艺术</h3>
                    <p>梁朝伟讲述双面人生</p>
                    <div class="tv"><span class="fa fa-caret-right"></span></div>
                </li>
            </ul>
        </div>
    </section>
    <div class="sec-bottom">
        <div class="weixiu">
            <ul>
                <li><span></span><a href="">预约维修服务</a></li>
                <li><span></span><a href="">七天无理由退货</a></li>
                <li><span></span><a href="">15天免费换货</a></li>
                <li><span></span><a href="">满150元包邮</a></li>
                <li><span></span><a href="">520余家售后网点</a></li>
            </ul>
        </div>
        <div class="help">
            <ul>
                <li>
                    <p>帮助中心</p>
                </li>
                <li>
                    <p>服务支持</p>
                </li>
                <li>
                    <p>线下门店</p>
                </li>
                <li>
                    <p>关于小米</p>
                </li>
                <li>
                    <p>关注我们</p>
                </li>
                <li>
                    <p>特色服务</p>
                </li>
                <li><a href="">账户管理</a></li>
                <li><a href="">售后政策</a></li>
                <li><a href="">小米之家</a></li>
                <li><a href="">了解小米</a></li>
                <li><a href="">新浪微博</a></li>
                <li><a href="">F码通道</a></li>
                <li><a href="">购物指南</a></li>
                <li><a href="">自助服务</a></li>
                <li><a href="">服务网点</a></li>
                <li><a href="">加入小米</a></li>
                <li><a href="">小米部落</a></li>
                <li><a href="">礼物码</a></li>
                <li><a href="">订单操作</a></li>
                <li><a href="">相关下载</a></li>
                <li><a href="">零售网点</a></li>
                <li><a href="">联系我们</a></li>
                <li><a href="">官方微信</a></li>
                <li><a href="">防伪查询</a></li>
            </ul>
            <div class="phone">

                <h2>400-100-5678</h2>
                <p>周一至周日 8:00-18:00</p>
                <p>(仅收市话费)</p>
                <div class="kefu">
                    <span class="fa fa-commenting-o"></span> 24小时在线客服
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="footer-footer">
            <div class="footer-l">
                <img src="images/foot5.png" alt="">
            </div>
            <div class="footer-ul">
                <ul>
                    <li><a href="">小米商城</a></li>
                    <li><a href="">MIUI</a></li>
                    <li><a href="">米聊</a></li>
                    <li><a href="">多看书城</a></li>
                    <li><a href="">小米路由器</a></li>
                    <li><a href="">视频通话</a></li>
                    <li><a href="">企业团购</a></li>
                    <li><a href="">小米天猫店</a></li>
                    <li><a href="">小米淘宝直营店</a></li>
                    <li><a href="">小米联盟</a></li>
                    <li><a href="">小米移动</a></li>
                    <li><a href="">Select Region</a></li>
                </ul>
                <p>©<a href="">mi.com</a> 京ICP证110507号 <a href="">京ICP备10046444号</a> <a href="">京公网安备11010802020134号</a><a href="">京网文[2014]0059-0009号</a></p>
                <p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
            </div>


            <div class="foot-r">
                <img src="images/foot1.png" alt="">
                <img src="images/foot2.png" alt="">
                <img src="images/foot3.png" alt="">
                <img src="images/foot4.png" alt="">
            </div>
        </div>
        <div class="end-img">
            <img src="images/foot6.png" alt="">
        </div>
    </footer>
</body>

</html>
<script src="js/bannerList.js"></script>
<script>
    /*=======================
调用方法：
 传递参数方法如下：
 对象1：banner最大容器====================必填
 对象2：banner======>按钮父容器============必填
 对象3，4：banner====>左右按钮对象名===========必填
 对象5：banner滚动时间==================>可选项=======>默认为2000
 对象6：是否需要自动轮播需要==========true============不需要false:必填
=============================*/


    bannerListFn(
        $(".banner"),
        $(".img-btn-list"),
        $(".left-btn"),
        $(".right-btn"),
        2000,
        true
    );

</script>
<script src="./js/myjquery.js"></script>